<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>详情页</title>
    <link rel="stylesheet" href="../librarys/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../librarys/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/css-mb.css">
</head>
<body>
<!--轮播-->
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="#"><img src="../images/detail(mb)-banner.jpg"></a> </div>
        <div class="swiper-slide"><a href="#"><img src="../images/detail(mb)-banner.jpg"></a> </div>
        <div class="swiper-slide"><a href="#"><img src="../images/detail(mb)-banner.jpg"></a> </div>
        <div class="swiper-slide"><a href="#"><img src="../images/detail(mb)-banner.jpg"></a> </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!--&lt;!&ndash;购物车首页图标&ndash;&gt;-->
    <!--<p class="detail-banner-icon"><a href="#"> <i class="fa fa-shopping-cart fa-2x"></i></a><a href="#"> <i class="fa fa-home fa-2x"></i></a></p>-->
</div>
<!--主题内容-->
<div class="detail-content">
    <!--标题-->
    <div class="detail-title">
        <p class="mb1rem"><span>婚礼摄影跟拍单机位</span><span>婚礼摄影</span></p>
        <p><i>¥3999.00</i><del>¥4399.00</del></p>
    </div>
    <div class="index-line"></div>
    <!--店铺信息-->
    <div class="detail-shop">
        <a href="shop-mb.html">
            <div class="detail-content1">
                <div class="detail-content-img">
                    <div class="detail-content-img-box">
                        <img src="../images/shop-mb-logo.jpg">
                    </div>
                </div>
                <div class="detail-content-txt">
                    <div class="detail-content-txt1">
                        <p>PIXELFILM婚礼摄影工作室</p>
                        <p>云龙区万达广场公寓A座1230</p>
                        <i class="fa fa-chevron-circle-right fa-2x"></i>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="index-line"></div>
    <!--套餐描述-->
    <div class="detail-description">
        <p>套餐描述</p>
        <p>摄影师1个，摄像师1个，摄影机单臂1个，佳能摄像机1个</p>
    </div>
    <div class="index-line"></div>
    <!--分类选择-->
    <div class="detail-description">
        <a href="class-mb.html">
            <div class="detail-class">
                <span>请选择分类</span>
                <i class="fa fa-angle-right fa-2x"></i>
            </div>
        </a>
    </div>
    <div class="index-line"></div>
    <!--图文详情、套餐参数、用户评论-->
    <div class="detail-container">
        <div class="hd">
            <ul>
                <li class="on">图文详情</li>
                <li>套餐参数</li>
                <li>用户评论</li>
            </ul>
        </div>
        <div class="bd">
            <!--图文详情-->
            <ul>
                <li>
                    <!--图文详情-->
                    <div class="detail-img-content">
                        <img src="../images/detail-mb-img.jpg">
                        <img src="../images/detail-mb-img.jpg">
                        <img src="../images/detail-mb-img.jpg">
                        <img src="../images/detail-mb-img.jpg">
                    </div>
                </li>
            </ul>
            <!--套餐参数-->
            <ul>
                <li>
                    <!--套餐参数-->
                    <div class="detail-parameter">
                        <div class="detail-parameter-content">
                            <div class="detail-parameter-title mb0。5rem">
                                <i class="fa fa-diamond fa-lg"></i>
                                <span>团队</span>
                            </div>
                            <div class="detail-parameter-txt">
                                <p class="mb0。5rem"><span>拍摄机位：</span><span>单机位</span></p>
                                <p><span>拍摄团队：</span><span>资深摄影师一个</span></p>
                            </div>
                        </div>
                        <div class="detail-parameter-content">
                            <div class="detail-parameter-title mb0。5rem">
                                <i class="fa fa-diamond fa-lg"></i>
                                <span>拍摄</span>
                            </div>
                            <div class="detail-parameter-txt">
                                <p class="mb0。5rem"><span>拍摄器材：</span><span>60D 1 个</span></p>
                                <p class="mb0。5rem"><span>拍摄时长：</span><span>全程跟拍</span></p>
                                <p><span>拍摄内容：</span><span>化妆到敬酒所有环节化妆到敬酒所有环节</span></p>
                            </div>
                        </div>
                        <div class="detail-parameter-content">
                            <div class="detail-parameter-title mb0。5rem">
                                <i class="fa fa-diamond fa-lg"></i>
                                <span>成品</span>
                            </div>
                            <div class="detail-parameter-txt">
                                <p class="mb0。5rem"><span>拍摄张数：</span><span>300张</span></p>
                                <p class="mb0。5rem"><span>精修张数：：</span><span>60张</span></p>
                                <p><span>成品说明：：</span><span>高清DVD</span></p>
                            </div>
                        </div>
                        <div class="detail-parameter-content">
                            <div class="detail-parameter-title mb0。5rem">
                                <i class="fa fa-diamond fa-lg"></i>
                                <span>拍摄</span>
                            </div>
                            <div class="detail-parameter-txt">
                                <p class="mb0。5rem"><span>拍摄器材：</span><span>60D 1 个</span></p>
                                <p class="mb0。5rem"><span>拍摄时长：</span><span>全程跟拍</span></p>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <!--用户评论-->
            <ul>
                <li>
                    <div class="detail-review">
                        <div class="detail-user-photo">
                            <div class="detail-user-photo-img">
                                <img src="../images/detail-mb-user-photo.jpg">
                            </div>
                        </div>
                        <div class="detail-review-txt">
                            <p class="mb0。5rem">小芹菜</p>
                            <section>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。开始心里还有些忐忑，付了全款，还送了好多东西。
                                三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。
                                第二天的化妆师兰兰技术很棒，美美的造型很喜欢，最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                            </section>
                            <span>2016-05-19 10:22:31</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="detail-review">
                        <div class="detail-user-photo">
                            <div class="detail-user-photo-img">
                                <img src="../images/detail-mb-user-photo.jpg">
                            </div>
                        </div>
                        <div class="detail-review-txt">
                            <p class="mb0。5rem">小芹菜</p>
                            <section>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。开始心里还有些忐忑，付了全款，还送了好多东西。
                                三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。
                                第二天的化妆师兰兰技术很棒，美美的造型很喜欢，最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                            </section>
                            <span>2016-05-19 10:22:31</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="detail-review">
                        <div class="detail-user-photo">
                            <div class="detail-user-photo-img">
                                <img src="../images/detail-mb-user-photo.jpg">
                            </div>
                        </div>
                        <div class="detail-review-txt">
                            <p class="mb0。5rem">小芹菜</p>
                            <section>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。开始心里还有些忐忑，付了全款，还送了好多东西。
                                三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。
                                第二天的化妆师兰兰技术很棒，美美的造型很喜欢，最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                            </section>
                            <span>2016-05-19 10:22:31</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--底部固定标题栏-->
<div class="detail-foot">
    <a href="index-mb.html" class="detail-foot-li"><i class="fa fa-home fa-2x"></i></a>
    <a href="tel:400-888-6633" class="detail-foot-li"><i class="fa fa-phone fa-2x"></i></a>
    <a href="shopping-cart-mb.html" class="detail-foot-li"><i class="fa fa-shopping-cart fa-2x"></i></a>
    <a href="collect-mb.html" target="_blank" class="detail-foot-li"><i class="fa fa-star-o fa-2x"></i></a>
    <a href="class-mb.html" class="detail-foot-li detail-foot-li-color">加入购物车</a>
</div>


<script src="../librarys/jquery/jquery-2.2.3.min.js"></script>
<script src="../librarys/superslider/jquery.SuperSlide.2.1.1.js"></script>
<script>
jQuery(".detail-container").slide({trigger:"click"});
</script>
<script src="../librarys/swiper/js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script>
</body>
</html>